<!DOCTYPE html>
<!-- saved from url=(0039)https://www.starbucks.com.cn/account/#/ -->
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  {{js href="/static/web/js/analytics.js"}}
  {{js href="/static/web/js/hm.js"}}
  {{js href="/static/web/js/gtm.js"}}
  {{js href="/static/web/js/jquery.min.js"}}
  {{js href="/static/web/js/polyfill.min.js"}}
  {{js href="/static/web/js/fastclick.js"}}
  {{js href="/static/web/js/scripts.js"}}
  {{js href="/static/web/js/tracker.js"}}
  {{js href="/static/web/js/common.bundle.js"}}
  {{js href="/static/web/js/vendor.bundle.js"}}
  {{js href="/static/web/js/pages.bundle.js"}}
  {{js href="/static/web/js/app.bundle.js"}}
  {{js href="/static/web/js/jweixin-1.2.0.js"}}
  {{js href="/static/web/js/wechat.v201803141700.js"}}
  {{js href="/static/web/js/TCapIframeApi.js"}}
  <!-- {{load href="/static/web/fonts/fontawesome-webfont.woff"}} -->
  <!-- {{load href="/static/web/fonts/fontawesome-webfont.ttf"}} -->
  <script>window.dataLayer = [];</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/static/web/js/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MGKBKT5');</script>
<!-- End Google Tag Manager -->

  <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement('script');
    hm.src = '/static/web/js/hm.js?8dfa8fb7ffbd0407c8562282198066a6';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>


  <title>港哥餐厅</title>

  <!-- Meta -->


<meta http-equiv="Content-Language" content="zh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="星享俱乐部">
<meta name="baidu-site-verification" content="u7Vir8pZFL">
<link rel="canonical" href="/account/">

<!-- Open graph -->
<meta property="og:site_name" content="星巴克">
<meta property="og:type" content="website">
<meta property="og:title" content="星享俱乐部">
<meta property="og:url" content="/account/">
<meta property="og:description" content="星享俱乐部">
<meta property="og:image" content="/static/web/img/mstile-310x150.png">

<!-- Twitter card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="{&quot;username&quot;=&gt;&quot;@starbucks&quot;}">
<meta name="twitter:title" content="星享俱乐部">
<meta name="twitter:description" content="星享俱乐部">
<meta name="twitter:image" content="/static/web/img/mstile-310x150.png">

<!-- WeChat sharing -->
<script>
  var WECHAT_TITLE = '星巴克官网: 星享俱乐部';
  var WECHAT_DESC = '星享俱乐部';
  var WECHAT_IMAGE = '/static/web/img/wechat.png';
  var WCHAT_NO_GA = '';
</script>


<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/web/img/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/static/web/img/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/static/web/img/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="https://www.starbucks.com.cn/assets/favicons/manifest.json">
<link rel="mask-icon" href="/static/web/img/safari-pinned-tab.svg" color="#ef233c">
<link rel="shortcut icon" href="/static/web/img/favicon.ico">
<meta name="theme-color" content="#ffffff">


  <!-- CSS -->
  {{css href="/static/web/css/styles.css"}}
  {{css href="/static/web/css/tcaptcha_animation.css"}}
  {{js href="/static/web/js/JsonMsg.js"}}
  {{js href="/static/web/js/TCapIframe.js"}}
</head>

<body class="lang-zh page-account chrome non-logged-in" ontouchstart="">
  <!-- Google Tag Manager (noscript) -->
<noscript>&lt;iframe src='https://www.googletagmanager.com/ns.html?id=GTM-MGKBKT5'
  height='0' width='0' style='display:none;visibility:hidden'&gt;&lt;/iframe&gt;</noscript>
<!-- End Google Tag Manager (noscript) -->

  <script>
var isChrome = ((navigator.userAgent.toLowerCase().indexOf('chrome') > -1) && (navigator.vendor.toLowerCase().indexOf('google') > -1) || navigator.userAgent.match('CriOS'));
if (isChrome) document.body.classList.add('chrome');
</script>

  <div id="app-view-wrapper">
    <!-- Navigation panel -->
        
    <nav id="nav">
      <div class="container">
        <header class="header">
          <a class="logo" href="{{:url('LoginController/index')}}">
            <img src="/static/index/images/logo.png">
          </a>
          <div class="primary">
    	<ul>
    	  
    	  <li class="stores">
    	    <a id="stores-primary" href="{{:url('TestController/store')}}">
    	      门店
    	    </a>
    	  </li>
    	  
    	  <li class="account">
    	    <a id="account-primary" href="{{:url('TestController/account')}}" class="active"><span data-reactroot="" class="">我的帐户</span></a>
    	  </li>
    	  
    	  <li class="menu">
    	    <a id="menu-primary" href="{{:url('TestController/menu')}}">
    	      菜单
    	    </a>
    	  </li>
    	  
    	</ul>
    </div>

    <a class="icon trigger" rel="nav-overlay" id="nav-menu" href="{{:url('TestController/more')}}">
      <img src="/static/web/img/icon-hamburger.svg">
      <span>更多</span>
    </a>

        </header>

        <div class="body">
          <div  class="body">
            <nav data-reactroot="" class="container middle secondary">
              <div class="display-1">
                <span>登录或创建一个新帐户</span>
              </div>
              <div class="tabs-wrapper">
                <ul class="subcategories">
                  <li><a class="active" href="/account"><span>登录</span></a></li>
                  <li><a class="false" href="/aregist"><span>注册</span></a></li>
                </ul>
              </div>
            </nav>
          </div>
        </div>
      </div>

</nav>
    
    <!-- Page content -->
    <section id="content">

      <div id="react-account-app">
        <div data-reactroot="">
          <div class="account_app">
            <div class="dashboard">
            <section class="join-form submit-box">
            <form action="{{:url('LoginController/login')}}" method="post">
              <div class="wrapper wrapper-mobile">
                <div class="login-form">
                  <div class="form-field">
                    <input type="hidden" value="version">
                    <div class="field floating">
                      <div class="ok">
                        <input type="text"  name="tel" maxlength="11" placeholder="手机号" >
                        <label>输入手机号</label>
                      </div>
                    </div>
                    <div class="password-group-field">
                      <div class="field floating">
                        <div class="ok">
                          <input type="password" name="pass" placeholder="密码" >
                          <label>密码</label>
                        </div>
                      </div>
                      <div class="toggle-password hide">
                        
                      </div>
                    </div>
                  </div>
                  <div class="field checkbox">
                    <input type="checkbox" id="login-remember" value="on" name="on">
                    <label for="login-remember"><span>下次自动登录</span></label>
                  </div>
                  <p>
                    <a id="sign-in-forgot-password" href="https://www.starbucks.com.cn/account/forgot-password" class="link">
                      <!-- <span>忘记密码？</span> -->
                    </a>
                  </p>
                  <div class="">
                    <div class=""><!-- react-empty: 71 -->
                      <div style="width: 300px; height: 160px; margin: 0px auto; position: relative; z-index: 0;">
                        <iframe frameborder="0" border="0" marginheight="0" marginwidth="0" scrolling="no" src="" style="width: 300px; height: 152px; border: 0px; position: relative; left: 0px; top: 0px; z-index: 2000000002;"></iframe>
                      </div>
                    </div>
                  </div>
                  <div class="actions">
                    <!-- <button class="button large" disabled=""><span>登录</span></button> -->
                    <button class="btn btn-default" ><span>登录</span></button>

                  </div>
                </div>
              </div>
            </form>
            </section>
          </div>
          <div class="loading">
          </div>
          <div>
          </div>
          <div>
          </div>
          <div class="dialog">
            <div class="dialog-scroller">
              <div class="dialog-container">
                <div class="dialog-box">
                  <header class="header">
                    <button class="icon close">×</button>
                    <h3></h3>
                  </header>
                  <div class="body center"></div>
                  <footer class="footer"></footer>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

        <div id="app-notification">
          <div data-reactroot=""></div>
        </div>
    </section>
        <div id="app-loading"><div data-reactroot="" class="loading"></div></div>
        <div id="app-auth"><span data-reactroot=""></span></div>
  </div>
  <!-- Navigation bottom mobile -->
  <div class="primary-mobile">
  <ul class="flex justify-around logging-in-element">
    
    <li class="home" id="home-mobile">
      <a href="/app">
        <span class="icons">
          <img src="/static/web/img/icon-home.svg">
          <img src="/static/web/img/icon-home-active.svg" class="active">
        </span>
        <div id="home-mobile">主页</div>
      </a>
    </li>
    
    <li class="stores" id="stores-mobile">
      <a href="/store">
        <span class="icons">
          <img src="/static/web/img/icon-stores.svg">
          <img src="/static/web/img/icon-stores-active.svg" class="active">
        </span>
        <div id="stores-mobile">门店</div>
      </a>
    </li>
    
    <li class="account" id="account-mobile">
      <a href="/account" class="active">
        <span class="icons">
          <img src="/static/web/img/icon-account.svg">
          <img src="/static/web/img/icon-account-active.svg" class="active">
        </span>
        <div id="account-mobile"><span data-reactroot="" class="">我的帐户</span></div>
      </a>
    </li>
    
    <li class="menu" id="menu-mobile">
      <a href="/menu">
        <span class="icons">
          <img src="/static/web/img/icon-menu.svg">
          <img src="/static/web/img/icon-menu-active.svg" class="active">
        </span>
        <div id="menu-mobile">菜单</div>
      </a>
    </li>
    
    <li class="more" id="more-mobile">
      <a class="icon trigger" rel="nav-overlay" href="/more">
        <span class="icons">
          <img src="/static/web/img/icon-more.svg">
          <img src="/static/web/img/icon-more-active.svg" class="active">
        </span>
        <div>更多</div>
      </a>
    </li>
    
  </ul>
</div>


  <!-- Javascript -->
  <!--[if lt IE 9]><script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script><![endif]-->
<script>
  var PAGE_LANG = 'zh';
  var PAGE_TITLE = '星享俱乐部';
  var PAGE_URL = '/account/';
  var SEARCH_EMPTY = '未找到结果';
  var SURVEY_URL = 'https://api.splashform.com/api';
</script>
</body>
</html>